亚洲精品国产综合久久久久紧,久久99精品久久久久久清纯,人妻无码一区二区三区在线,ぱらだいす天堂中文网WWW

聯(lián)
咨詢熱線:

185-9527-1032

聯(lián)系QQ:

2863379292

官方微信:

設計流程中,是由這6種方式來運用信息架構(gòu)的-大連網(wǎng)站設計

常見問題

導讀:一名優(yōu)秀的設計師除了需要具備良好的設計技能,還需要大量的設計相關(guān)知識儲備。信息架構(gòu)是設計師需要懂得的重要的知識之一。信息架構(gòu)的設計原則,對于設計師而言,也是設計中值得

發(fā)表日期:2019-03-15

文章編輯:興田科技

瀏覽次數(shù):9708

標簽:

一名優(yōu)秀的設計師除了需要具備良好的設計技能,還需要大量的設計相關(guān)知識儲備。信息架構(gòu)是設計師需要懂得的重要的知識之一。信息架構(gòu)的設計原則,對于設計師而言,也是設計中值得參考的有用工具。今天的文章,幫你總結(jié)了在設計過程中運用信息架構(gòu)知識的6個技巧。

1、始終牢記產(chǎn)品設計目標

如何界定產(chǎn)品終要達成的目標,其實直接影響著整個團隊每個階段的工作,無論是對于設計師,開發(fā)人員還是產(chǎn)品經(jīng)理,均是如此。信息架構(gòu)與此也息息相關(guān)。只有了解用戶和企業(yè)本身對于網(wǎng)站和App的真實期望之后,才可以開始構(gòu)建整體的信息架構(gòu)。所以,產(chǎn)品團隊應該完整地了解產(chǎn)品的目標,確保創(chuàng)意團隊中所有的成員都足夠理解,并且針對目標制定相應的策略和應對措施,才能具備終實現(xiàn)的可能性。始終銘記終目標以及為了達成目標而需要執(zhí)行的任務,能夠讓整個執(zhí)行過程更加明確。在設定目標的時候,設計師和客戶應該就內(nèi)容和整體信息架構(gòu)以及終目標達成一致,避免可能存在的誤會,提升執(zhí)行效率。

設計流程中,是由這6種方式來運用信息架構(gòu)的-大連網(wǎng)站設計 關(guān)鍵字如何優(yōu)化

2、進行用戶調(diào)研

信息架構(gòu)專家在搭建產(chǎn)品信息架構(gòu)之前,應該對目標受眾的需求和細節(jié)有足夠的了解,將提升用戶滿意度作為優(yōu)先考慮的事項。想要了解更多潛在用戶的信息,建議設計師做用戶調(diào)研。通過各種技術(shù)手段搜集關(guān)于目標用戶和潛在用戶的相關(guān)信息的過程就是用戶調(diào)研。搜集數(shù)據(jù)之后,設計團隊針對這些信息進行分析,并且找出理想的解決方案,從而有可能創(chuàng)造出對用戶友好且有吸引力的產(chǎn)品。

用戶調(diào)研有助于深入了解目標受眾的細節(jié),了解他們的需求和心理特征。結(jié)合用戶喜好,設計團隊能夠有方向地創(chuàng)造出對用戶友好,貼合需求還可能吸引潛在用戶的產(chǎn)品。

3、結(jié)合認知心理學

認知心理學和信息架構(gòu)的搭建有著緊密的關(guān)聯(lián)。用戶的視覺感知和影響用戶注意力的因素,都可以通過認知心理學來進行判斷。信息處理的科學是以人為中心的科學,有認知心理學的專家指出,人類感知數(shù)據(jù)的方式有很多,而影響注意力的因素則更是不盡相同。

基于認知心理學的原理和相關(guān)研究,設計師可以采用許多不同的技術(shù)來創(chuàng)建足夠有效的內(nèi)容。在設計過程中,設計師常常會采用格式塔原理來構(gòu)建布局,巧用元素,這種利用視覺相似性和關(guān)聯(lián)性的心理學原理,適用范圍非常廣。而識別模式則更加有用,當用戶訪問網(wǎng)站或者App的時候,常常會期待看到特定的內(nèi)容和功能,識別模式可以利用調(diào)研數(shù)據(jù)和經(jīng)驗幫助設計師,快速搭建布局和信息架構(gòu)。

設計流程中,是由這6種方式來運用信息架構(gòu)的-大連網(wǎng)站設計 關(guān)鍵字如何優(yōu)化

4、規(guī)劃導航系統(tǒng)

信息架構(gòu)和導航是數(shù)字產(chǎn)品當中重要的兩個組成部分。導航是網(wǎng)站和App當中引導用戶抵達不同目標和功能或者頁面的一組操作或者技術(shù),作為頁面中主要的交互而存在。導航和信息架構(gòu)有著密切的關(guān)聯(lián),信息架構(gòu)所構(gòu)成的框架之下,導航作為抵達不同信息區(qū)塊的路徑而存在。

通俗點說,數(shù)字產(chǎn)品當中,導航是基于信息架構(gòu)來梳理的,它終應該反映并支撐信息架構(gòu),否則產(chǎn)品無法保證其一致性。當然,兩者雖然不是一個東西,但是在創(chuàng)建信息架構(gòu)的時候,同期針對導航系統(tǒng)進行規(guī)劃。

設計流程中,是由這6種方式來運用信息架構(gòu)的-大連網(wǎng)站設計 關(guān)鍵字如何優(yōu)化

5、別忘了視覺層次

為了更好地組織信息、確定內(nèi)容呈現(xiàn)的優(yōu)先級,設計師會結(jié)合信息架構(gòu),使用視覺層次來有偏重地、視覺化的展現(xiàn)內(nèi)容。無論是文檔、圖書、海報、網(wǎng)頁還是App,這些載體上所承載的內(nèi)容,會按照每個元素的重要程度來有差別地展現(xiàn),而這種差別通常是通過大小、色彩、對比度、對齊度來區(qū)別的。重要的信息會更容易被用戶注意到,便于他們輕松瀏覽。

6、還要注意閱讀模式

視覺層次的構(gòu)建使得數(shù)字產(chǎn)品內(nèi)容的可讀性有了足夠的保障。不過,僅有視覺層次還不夠,設計師還應當根據(jù)產(chǎn)品形態(tài),考慮用戶的閱讀模式。

設計流程中,是由這6種方式來運用信息架構(gòu)的-大連網(wǎng)站設計 關(guān)鍵字如何優(yōu)化

用戶研究領域的先驅(qū)Nielsen Norman Group曾經(jīng)針對這一用戶行為進行了深入的研究,為設計師和可用性設計專家們提供了更好的素材和設計依據(jù)。

簡而言之,當人們訪問某個網(wǎng)站的時候,尤其是初次訪問網(wǎng)站的時候,他們通常不會特別仔細的查看所有的內(nèi)容,而是快速的掃視,找到能夠吸引他們注意力的信息,這些內(nèi)容就是他們繼續(xù)停留在這個網(wǎng)站上的理由。通過眼動測試和不同實驗,他們發(fā)現(xiàn)訪問者的視覺瀏覽模式,可以歸結(jié)為幾種典型的模式。設計師Steven Bradley在自己的文章中,總結(jié)了這三種常見的模式:古騰堡式,Z圖模式和F圖模式。

古騰堡式:對于信息結(jié)構(gòu)層次并不那么分明的網(wǎng)頁,用戶常常會使用古騰堡式的瀏覽模式,用戶大范圍掃視頁面內(nèi)容,整個視線路徑是一個大號的Z,其中開始的兩個視覺駐留點就在頁頭上。

設計流程中,是由這6種方式來運用信息架構(gòu)的-大連網(wǎng)站設計 關(guān)鍵字如何優(yōu)化

Z圖模式也不難理解,用戶從上到下,視線沿著Z字形來回掃視,用戶會左右快速掃視,視線的起點先是左上角,行跨頂部一欄到右上角,然后向下延伸。

設計流程中,是由這6種方式來運用信息架構(gòu)的-大連網(wǎng)站設計 關(guān)鍵字如何優(yōu)化

F圖模式,或者說是F式布局,我們就更加熟悉了。在Nielsen Norman Group的研究當中,這種閱讀模式為典型:

設計流程中,是由這6種方式來運用信息架構(gòu)的-大連網(wǎng)站設計 關(guān)鍵字如何優(yōu)化

用戶先會沿著水平方向瀏覽,優(yōu)先瀏覽內(nèi)容塊的上部,這個時候的眼動構(gòu)成了字母F上面一橫。

接下來視線會沿著屏幕左側(cè)向下垂直掃視,尋找段落中能引起興趣點的內(nèi)容,當他們發(fā)現(xiàn)引起他們興趣的內(nèi)容之時,繼續(xù)橫向仔細瀏覽,而通常這些內(nèi)容對應的視線范圍會比次橫向瀏覽的范疇要更小一些,而這個視線軌跡則構(gòu)成了字母F中間的一橫。

接下來用戶會將視線移到屏幕左側(cè),繼續(xù)向下瀏覽。

所以,將關(guān)鍵的元素置于用戶的瀏覽路徑上,讓用戶可以更輕松地消化信息,也能高效地執(zhí)行交互。

更多注意事項

信息架構(gòu)學科看起來很復雜,需要花費時間和精力來深入學習。可是當你了解了相關(guān)的基礎知識之后,再應用于設計項目的時候,你就會發(fā)現(xiàn)它是多么的有用。根據(jù)Tubik Stuido之前的系列文章,我想列出關(guān)于信息架構(gòu)知識的一些要點:

信息架構(gòu)是構(gòu)成數(shù)字產(chǎn)品的骨架,設計師可以根據(jù)信息架構(gòu)來構(gòu)建視覺元素、功能、交互和導航

強大的信息架構(gòu)是產(chǎn)品質(zhì)量的保證,它會減少掃可用性問題,提升導航性

信息架構(gòu)就像是整個布局的藍圖,幫助視覺設計方案的生成

定義產(chǎn)品目標是創(chuàng)建信息架構(gòu)的核心

用研和認知心理學能夠幫設計團隊預測用戶對于產(chǎn)品的反應,并且創(chuàng)造對用戶友好的體驗

清晰的視覺層次在內(nèi)容展現(xiàn)上起著重要的作用

相關(guān)推薦

更多新聞